<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>站点管理</title>
	<script src="js/verifylogin.js"></script>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/website.css">
</head>
<body>
	<div class="container clearfix">
		<!-- 页面头部 -->
		<header class="head">
			<div class="head-web">
				<a href="index.html">站点首页</a>
			</div>
			<h1 class="head-title">
				站点管理系统
			</h1>
			<div class="head-user">
				<!-- 把user_id存放在data-id的值里 -->
				<span data-id="user_id" id="user_id">用户名</span>
				<a id="logout" href="index.html">退出</a>
			</div>
		</header>
		<nav class="sidebar">
			<!-- 导航标题 -->
			<header class="sidebar-head">
				<h2>系统导航</h2>
			</header>
			<!-- 各级导航 -->
			<ul class="sidebar-ul">
				<li class="sidebar-list"><a class="list-a" target="iframe" href="zhandian.html">添加站点</a></li>
				<li class="sidebar-list"><a class="list-a" target="iframe" href="webinfo.html">站点信息</a></li>
				<!-- <li class="sidebar-list"><a class="list-a" target="iframe" href="suolvetu.html">缩略图</a></li> -->
				<!-- <li class="sidebar-list"><a class="list-a" target="iframe" href="weblist.html">站点列表</a></li> -->
			</ul>
		</nav>
		<!-- 页面主体 -->
		<div class="main">
			<!-- 点击跳转出相应的页面 -->
			<iframe class="main-iframe" name="iframe" src="zhandian.html" width="100%" height="100%" >
			</iframe>
		</div>
	</div>
	<script>
		var user = document.getElementById("user_id");
		user.setAttribute("data-id", sessionStorage["user_id"]);
		user.innerText = sessionStorage["username"];
		document.getElementById("logout").onclick = function() {
			sessionStorage.removeItem("token");
			sessionStorage.removeItem("user_id");
			sessionStorage.removeItem("username");
		}
	</script>
</body>
</html>